import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

import App from './App.vue';
import router from './router';
import {registerMicroApps, start} from 'qiankun';

const apps = [
  {
    name: 'vueApp',
    entry: 'http://localhost:10000', //默认会加载这个html 解析里面的js 动态的执行 (不用我们像single-spa里一样 一个一个手动的去请求依赖的js； 注意必须支持跨域)
    container: '#vue',
    activeRule: '/vue',
    props: { //会传给子应用导出的async mount方法
      a: 1
    }
  },
  {
    name: 'reactApp',
    entry: 'http://localhost:20000', //默认会加载这个html 解析里面的js 动态的执行 (不用我们像single-spa里一样 一个一个手动的去请求依赖的js； 注意必须支持跨域)
    container: '#react',
    activeRule: '/react'
  }
]
registerMicroApps(apps,{
  // beforeLoad:
  // afterMount:
  // ...
});


Vue.config.productionTip = false;
Vue.use(ElementUI);

new Vue({
  router,
  render: h => h(App),
  mounted() {
    console.log(123);
    start({
      // prefetch: false //取消预加载
    });
  }
}).$mount('#app')
